// 富文本编辑器
// 创建编辑器函数，创建工具栏函数
const { createEditor, createToolbar } = window.wangEditor

// 编辑器配置
const editorConfig = {
  // 占位文字
  placeholder: '提交文章内容...',
  // 编辑器内容变化时回调函数
  onChange(editor) {
    const html = editor.getHtml()
    // console.log('editor content', html)
    // 也可以同步到 <textarea>
    // 将编辑器内容赋值，方便后续收集数据
    document.querySelector('.publish-content').value = html
  },
}
// 创建编辑器
const editor = createEditor({
  // 编辑器放置的地方
  selector: '#editor-container',
  // 编辑器默认内容
  html: '<p><br></p>',
  // 配置对象
  config: editorConfig,
  //   mode: 'default' 默认模式 - 集成了 wangEditor 所有功能
  // mode: 'simple' 简洁模式 - 仅有部分常见功能，但更加简洁易用
  mode: 'default', // or 'simple'
})

// 配置工具栏
const toolbarConfig = {}
// 创建工具栏
const toolbar = createToolbar({
  // 给某编辑器创建附属工具栏
  editor,
  // 工具栏放置位置
  selector: '#toolbar-container',
  // 配置对象
  config: toolbarConfig,
  mode: 'default', // or 'simple'
})